<template>
    <div>
        <div class="bottom">
            <div class="b1">友情链接:</div>
            <ul class="changList">
                <li v-for="(item,index) in list " :key="index"><a :href="item.dictValue"
                                                                  style="color: #999994;font-size: 16px">{{item.dictLabel}}</a>
                </li>
            </ul>
            <div class="b2"></div>
            <div class="b3">
                Copyright &copy; 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号
            </div>
        </div>
    </div>
</template>

<script>
    import {youqinglianjie} from '../../../api/api'

    export default {
        name: "Chaining",
        props: {
            dictType: {
                type: String,
            },
            pageNum: {
                type: [String, Number],
            },
            pageSize: {
                type: [String, Number],
            },
            orderByColumn: {
                type: String,
            },
            isAsc: {
                type: String,
            },
        },
        data() {
            return {
                list: []
            }
        },
        created() {
            youqinglianjie(this.dictType, this.pageNum, this.pageSize, this.orderByColumn, this.isAsc).then(
                res => {
                    console.log(res);
                    this.list = res.rows
                })
        }

    }
</script>

<style scoped>
    .bottom {
        background-color: #444546;
        width: 100%;
        height: 196px;
        overflow: hidden;
    }

    .changList {
        list-style: none;

    }

    .changList {
        margin: 15px 10px 0 112px;

    }

    .changList a {
        float: left;
        color: #999994;
        padding-right: 25px;
        text-decoration: none;
    }

    .changList > li > a:hover {
        color: #00cf8c;
    }

    .b1 {
        color: #999994;
        font-size: 25px;
        margin-top: 3%;
        margin-left: 10%;
     }

    .b2 {
        border-bottom: 1px solid #e8e8e8;
        margin-top: 4%;
        width: 65%;
        margin-left: 16%;
    }

    .b3 {
        color: #999994;
        margin-left: 34%;
        margin-top: 0.5%;
    }
</style>